.brank-list{
    .brand_nav{
        padding: $pd-20;
        height: 80px;
        >header{
            @include fixed(top,left,90px,0);
            z-index: 5;
            padding: $pd-20;
            background: $c_FFF;
            width: 100%;
            border-bottom:1px solid $c_ddd;
            .search{
                border:1px solid $c_ddd;
                @include lineHeight(80px);
                @include borderRadius(12px);
                .query_icon{
                    @include widthHeightLine(80px);
                    text-align: center;
                }
                >.inp{
                    background: transparent;
                    @include widthHeightLine(100%,80px);
                    display: block
                }
            }
        }
    }
    .tit{
        @include lineHeight(80px);
        background:$c_efefef;
        padding-left:$pd-35;
        position: relative;
        font-weight: bold;
        &:after{
            position:absolute;
            left: 20px;
            top: 20px;
            content: "";
            width:6px;
            background: $c_1f88f2;
            height: 40px;
        }
    }
    li{
        padding: $pd-10 $pd-20;
        border-bottom:1px solid $c_efefef;
        line-height: 90px;
        .pic{
            @include heightWidth(90px);
            padding-right: $pd-20;
            img{
                @include heightWidth(90px);
                display: block;
            }
        }
        .name{
            position: relative;
            &::after{
                content: "\e602";
                position: absolute;
                right: 0;
                font-family: "iconfont" !important;
            }
        }
    }
}
.sub_nav{
    @include fixed(top,right,50%,10px);
    transform: translateY(-50%);
    width: 180px;
    z-index:5;
    li{
        padding-bottom: 10px;
        padding-left: 10px;
        float: left;
        label{
            display: block;
            @include widthHeightLine(70px);
            @include borderRadius(50%);
            border:1px solid $c_ddd;
            text-align: center;
            background: $c_FFF;
            &.on{
                background: $c_1f88f2;
                border-color: $c_1f88f2;
                color: $c_FFF;
            }
        }
    }
}